<template>
  <div>
    <!-- <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam"></navTop> -->

    <!-- 头部 -->
    <section class="section_status changeBgToRed">
      <div>
        <div>
          <svg fill="#fff" class="icon" style="" viewBox="0 0 1024 1024"
            width="60"
            height="60"
          ><defs><style type="text/css"></style></defs><path d="M690.16 572a136 136 0 0 1 28 2.96V276a80 80 0 0 0-80-80h-344a80 80 0 0 0-80 80v432a80 80 0 0 0 80 80h286.32a136 136 0 0 1 109.76-216zM537.44 480v29.04H488v22.08h49.44V560H488v40h-44.64v-40H392v-28.96h51.12v-22.08H392V480h41.12l-54.64-96.72h48q32.16 67.12 40.8 88.72h0.96q1.12-3.04 2.64-8 2.56-7.44 20.24-43.84l17.52-36.96h45.2L497.44 480z"></path><path d="M689.84 588a120 120 0 1 0 120 120 120 120 0 0 0-120-120zM678.4 767.28a24 24 0 0 1-33.92 0l-46.8-46.8a8 8 0 0 1 11.28-11.28L656 756a8 8 0 0 0 11.36 0l103.28-103.6A8 8 0 0 1 781.92 664z"></path></svg>
        </div>
        <div>
          <p>已付款</p>
          <p>等待药房打包发药</p>
        </div>
      </div>
      <!-- 暂时不显示 -->
      <div v-show="false">
        <div>
          <span>
            处方号：
          </span>
          <span>
            {{'11111111'}}
          </span>
        </div>
        <div>
          <span>
            {{'自提'}}
          </span>
        </div>
      </div>
    </section>


    <!-- 处方详情 -->
    <section class="section_con">

      <!--    药房信息
        <p>药房名称：{{$route.query.yaofangname}}</p>
        <p>药房地址：{{$route.query.yaofangadr}}</p>
        <p>药房电话：{{$route.query.yaofangphone}}</p> -->
      <!-- 收货地址信息， 区分显示是否自提-->


      <!-- 收货地址信息， 区分显示是否自提-->
      <com-addr :preinfostr="prescribe"></com-addr>

      <!-- 处方信息 -->
      <com-preinfo :preinfostr="prescribe"></com-preinfo>



      <!-- 患者留言 -->
      <com-hzlm :preinfostr="prescribe"></com-hzlm>


      <!-- 处方时间信息 -->
      <com-pretime :preinfostr="prescribe"></com-pretime>



      <!-- 确认收货按扭 -->
      <mt-button type="primary" size="large" plain v-show="false">确认收货</mt-button>

    </section>
    <section>
      <div class="footEnd"></div>
    </section>
  </div>
</template>
<script>
import navTop from '~/components/common/navTop';
import comAddr from '~/pages/chufang/components/com_addr';
import comHzlm from '~/pages/chufang/components/com_hzlm';
import comPreinfo from '~/pages/chufang/components_yb/com_yb_preinfo';
import comPretime from '~/pages/chufang/components_yb/com_yb_pretime';

export default {
  data() {
    return {
      showBack: true,
      bkParam: 'bk',
      headTitle: '药方订单详情',
      backGround_color: '',
      prescribeInfo: '',
      draglist: '',
      prescribe: {},

      preinfostr: '',
    };
  },
  components: {
    navTop, comAddr, comPreinfo, comHzlm, comPretime,
  },
  created() {
    this.preinfostr=this.$route.query.preinfostr;
    this.prescribe =JSON.parse(this.$route.query.preinfostr);
  },
  destroyed() {
  },
};
</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
.mint-button--primary.is-plain {
/*   border: 1px solid #26a2ff;
  background-color: transparent;
  color: #26a2ff; */
  position: fixed;
  bottom: 0.5rem;
  width: 95%;
  margin: 0 2.5%;
  letter-spacing: 2px;
  background-color: #fff;
}
.section_status{
  padding: .5rem 1rem;
}
.section_status div:first-child{
  /* margin-top: 2.5rem; */
  /* height: 4rem; */
  display: flex;
  flex-flow: row | nowrap;
  justify-content: center;
  align-items: center;
}
.section_status div:nth-child(2){
  display: flex;
  flex-flow: row | nowrap;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: .8rem;
}
.section {
  display: flex;
  flex-flow: column | nowrap;
  justify-content: flex-start;
  align-items: center;
}
.section_status div:first-child div:nth-child(2){
  display: inline-block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.section_status div:first-child div:nth-child(2) p {
  /* text-align: center; */
  color: #fff;
  font-size: 1rem;
  font-family: "微软雅黑";
  margin: 0;
  letter-spacing: .5px;
  /* padding-top: 0.8rem; */
}
.section_status div:first-child div:nth-child(2) p:last-child {
  font-size: .8rem;
  font-family: "微软雅黑";
  padding: 0;
  line-height: 1.5rem;
  color: #fff;
}
.section_con1 {
  background: #e7e1a8;
  width: 100%;
}
.section_con p {
  padding-left: 0.5rem;
  margin-bottom: 0.4rem;
  color: #333;
  font-family: "微软雅黑";
}
.section_con div {
  margin-top: 0.5rem;
  background: #fff;
  padding: 0.8rem;
}
.section_con div:first-child {
  /* margin-top: 0; */
}
.section_con1 span:last-child {
  float: right;
  padding-right: 1rem;
}
.section_con2 span {
  float: right;
  padding-right: 1rem;
}
.section_con4 input {
/*   border: none;
  outline: none;
  width: 80%;
  line-height: 1.4rem; */
}
.section_con5 ul {
  margin: 0;
  padding-left: 1rem;
  width: 100%;
  height: 5rem;
}
.section_con5 ul li {
  list-style: none;
  margin-bottom: 0;
  color: #333;
  font-family: "微软雅黑";
  float: left;
  margin: 0.2rem 0.5rem;
}
.section_con6 {
  width: 95%;
  border-radius: 10px;
  margin: auto;
}
.section_con6 input{
  margin-left: 2rem;
}
.changeBgToRed {
  /* background-color:rgb(24, 172, 24); */
  background: #26a2ff;
}
.section_bot p {
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
  font-family: "微软雅黑";
}
.section_bot span {
  text-align: center;
  margin-right: 1rem;
  padding: 0 0.4rem;
}
.section_con7{
  position: fixed;
  bottom: 0;
  width: 100%
}
.footEnd {
  margin-bottom: 3.5rem;
}
</style>

